<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue当中的属性绑定和双向数据绑定</title>
    <script src="vue.js"></script>
</head>
<body>
<div id="root">
    <!--等同<h1 v-bind:title="title">hello VUE</h1>-->
    <h1 :title="title">hello VUE</h1>
    <input v-model="content"/>
    <div>{{content}}</div>
</div>
<script>
    new Vue({
        el:"#root",
        data:{
            title:"title text",
            content:"this is content"
        }

    })
</script>
</body>
</html>